.shakeimage{ position:relative }
Wackelndes Bild
1. Für so einen Shake-Effekt dies in den <HEAD> Bereich einfügen:
<style>.shakeimage{position:relative}</style><scriptlanguage="JavaScript1.2">var rector=3///////DONEEDITTING///////////var stopit=0 var a=1functioninit(which){stopit=0shake=whichshake.style.left=0shake.style.top=0}functionrattleimage(){if((!document.all&&!document.getElementById)||stopit==1)returnif(a==1){shake.style.top=parseInt(shake.style.top)+rector}else if(a==2){shake.style.left=parseInt(shake.style.left)+rector}else if(a==3){shake.style.top=parseInt(shake.style.top)-rector}else{shake.style.left=parseInt(shake.style.left)-rector}if(a<4)a++elsea=1setTimeout("rattleimage()",50)}functionstoprattle(which){stopit=1which.style.left=0which.style.top=0}</script>
2. Diesen Code in den Body-Tag einfügen und die Bild-URL ersetzen:
<imgsrc="Bild-URL" class="shakeimage"onMouseover="init(this);rattleimage()"onMouseout="stoprattle(this);top.focus()"onClick="top.focus()">